<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>
	<meta content="telephone=no" name="format-detection">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	
	<!-- ios私有meta类 -->
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />	
	
	<!--引用SUI Modle资源-->
	<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.5.2/css/sm.min.css">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.5.2/css/sm-extend.min.css">
	
		
	<!--引入本地文件-->
	<link rel="stylesheet" href="css/reset.css" type="text/css">
	<link rel="stylesheet" href="css/normalize.css" type="text/css">
	<link rel="stylesheet" href="css/time_part.css" type="text/css">

	
	<title>限时特卖</title>
</head>
<body>
	<div class="page">
		<!--页面头部-->
		<header class="bar bar-nav">
			<a href="index.html" class="icon icon-left pull-left external"></a>
			<h1 class="title">商品详情</h1>
			<a href="index.html" class="icon icon-home pull-right external"></a>
		</header>
		
		<!--客服固定图标-->
		<div class="cartfix">
			<a></a>
		</div>
		
		<!---->
		<div class="content">
			<!--产品图片-->
			<div class="product-picture">
				<img src="http://cimg.fenqile.com/uploaded/product/image/20150910_172733608ed72b17f41f55.png" alt="人人交易" style="width: 320px;height: 240px;">
			</div>
			
			<!--产品信息 开始-->
			<div class="product-note">
				
				<div class="pn-1">
					<ul>
						<li><span class="pn1-marker">限时特卖</span></li>
						<li><span class="pn1-name">苹果 iPhone6 二手良品 A级</span></li>
					</ul>
				</div>
				<div class="pn-2">
					<ul>
						<li><span class="pn2-title">价格：</span></li>
						<li><span></span></li>	
						<li><span class="pn2-price" id="price">3000 <span>元</span></span></li>
					</ul>
				</div>
				<div class="pn-3">
					<ul>
						<li><span class="pn3-title">成色：</span></li>
						<li><span></span></li>	
						<li><span class="button button-danger">A级</span></li>
					</ul>
				</div>
				<div class="pn-4">
					<ul>
						<li><span class="pn4-title">颜色：</span></li>
						<li><span></span></li>		
						<li><span class="button disabled black pn4-button" id="color-button"></span></li>
					</ul>
				</div>
				<div class="pn-5">
					<ul>
						<li><span class="pn5-title">网络：</span></li>
						<li><span></span></li>		
						<li><span class="button">移动联通4G</span></li>
					</ul>
				</div>
				<div class="pn-6">
					<ul>
						<li><span class="pn6-title">内存：</span></li>
						<li><span></span></li>		
						<li><span class="button">64G </span></li>
					</ul>
				</div>
				<div class="pn-7">
					<ul>
						<li><span class="pn7-title">运费：</span></li>
						<li><span></span></li>	
						<li><span class="button button-warning">包邮</span></li>
						<li><i>现下单，将于2天内发出</i></li>
					</ul>
				</div>
				<div class="pn-8">
					<ul>
						<li><span class="pn8-title">数量：</span></li>				
						<li class="pn8-counter">
							<div>
								<a class="pn8-button" onclick="minus_text()">-</a>
								<b class="pn8-amount" id="amount">0</b>
								<a class="pn8-button" onclick="add_text()">+</a>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<!--产品信息 结束-->
			
			<!--认证图 开始-->
			<div class="product-safe">
				<img width="100%" src="http://img11.hqbcdn.com/activity/b6/8f/b68fc30c6ce8715f86762d854fc0dba0.png">
			</div>
			<!--认证图 结束-->
			
			<!--质检报告 开始-->
			<div class="product-report">
					<div class="pr-title">
						<p>质检报告</p>
					</div>
				
					<div class="pr-main">
						<p class="prm-p"><span>整体状况</span>极细微磨损，屏幕无划痕，极少使用痕迹 ，硬件功能正常。整机评估成色为A级，推荐购买。</p>
							<div class="prm-test">
								<div class="prmt-left">
									<p>无进水、无维修、无故障</p>
									<p>38项检测</p>
								</div>
								<div class="prmt-right"><img src="" style="width: 5rem;height: 5rem;"></div>
							</div>
					</div>
						
					<div class="pr-more">
							<p><a href="report.html" class="button button-round">查看详细质检报告 ></a></p>
					</div>
			</div>
			<!--质检报告 结束-->
			
			<!--推荐 开始-->
			<div class="product-commend">
				<div class="pc-title">
					<p>为你推荐</p>
				</div>
				
				<div class="pc-book"> 
					<a href="#"><img src="images/commend-text/commend01.jpg" width="80" height="80" /></a> 
					<a href="#"><img src="images/commend-text/commend02.jpg" width="80" height="80" /></a> 
					<a href="#"><img src="images/commend-text/commend03.jpg" width="80" height="80" /></a> 
					<a href="#"><img src="images/commend-text/commend04.jpg" width="80" height="80" /></a>
				</div>
			</div>
			<!--推荐 结束-->
			
			
			<!--品质信息 开始-->
			<div class="product-quality">
				<!--头部选项栏 开始-->
				<div class="buttons-tab">
					<a href="#tab1" class="tab-link active button">商品详细</a>
					<a href="#tab2" class="tab-link button">口碑评价</a>
				</div>
				<!--头部选项栏 结束-->
				
				<!--选择栏 开始-->
				<div class="tabs">
					
					<!--商品详细页 开始-->
					<div id="tab1" class="tab active">
						
						<!--轮播图 开始--> 
						<div class="swiper-container" data-space-between='10' onclick="location.href='time_part_show.html'">
							<div class="swiper-wrapper">
								<div class="swiper-slide"><img src="http://test.renren1.com/image/catalog/slider/slide1.jpg" alt=""></div>
								<div class="swiper-slide"><img src="http://test.renren1.com/image/catalog/slider/slide2.jpg" alt=""></div>
								<div class="swiper-slide"><img src="http://test.renren1.com/image/catalog/slider/slide3.jpg" alt=""></div>
							</div>
						</div>
						<!--轮播图 结束--> 
						
						
						<!--商品参数 开始-->
						<div class="pq-1">
							<div class="pq1-title">
								<p>商品参数</p>
							</div>
				
							<div style="height: 200px">
							</div>
						</div>
						<!--商品参数 结束-->
			
						<!--售后服务图 开始-->
						<div class="pq-2">
							<div class="pq2-title">
								<p>售后服务</p>
							</div>
				
							<div style="height: 200px">
							</div>
						</div>
						<!--售后服务图 结束-->
						
					</div>
					<!--商品详细页 结束-->
					
					
					<!--口碑评价页 开始-->
					<div id="tab2" class="tab">
						<div class="pq-3">
							<p class="pq3-title">商品评价</p>
							<span class="pq3-left"><b>98%</b></span>
							<span class="pq3-right"><b>600</b>人已评价</span>
						</div>
						<div class="pq-4">
							<div id="evaluate">
								<img src="images/text_1.jpg" style="width: 2.5rem; height: 2.5rem;">
								<h6>金刚狼</h6>								<p>我靠，刚才打那么多，全没了。晕。说下真实感受，供大家参考，我用了快两周才来评价，一切正常，原来怀疑，收到货后上百度，下软件评测，放心了，并且还是台积电代工。赚到了，唯一不好就是送的膜太次，我自己贴的，连壳五十。店家忘发剪卡器和支架，后来在糖糖客服的协调下补发，今天收到。下次请注意哦。用到现在，大家说的照相慢，卡，声音，阴阳屏等一概没碰到，我在淘宝购物，从来没有买到假货次品，收到都很正常，可能要求低，但我相信是我比较的多，谨慎一点。就说这么多，和同事官网买的，唯一区别是他是三星代工，但他用着也很好。推荐来这个店购买，是正品。									
								</p>
								<span>2015.11.20</span>
							</div>
							<div id="evaluate">
								<img src="images/text_1.jpg" style="width: 2.5rem; height: 2.5rem;">
								<h6>金刚狼</h6>								<p>我靠，刚才打那么多，全没了。晕。说下真实感受，供大家参考，我用了快两周才来评价，一切正常，原来怀疑，收到货后上百度，下软件评测，放心了，并且还是台积电代工。赚到了，唯一不好就是送的膜太次，我自己贴的，连壳五十。店家忘发剪卡器和支架，后来在糖糖客服的协调下补发，今天收到。下次请注意哦。用到现在，大家说的照相慢，卡，声音，阴阳屏等一概没碰到，我在淘宝购物，从来没有买到假货次品，收到都很正常，可能要求低，但我相信是我比较的多，谨慎一点。就说这么多，和同事官网买的，唯一区别是他是三星代工，但他用着也很好。推荐来这个店购买，是正品。									
								</p>
								<span>2015.11.20</span>
							</div>
							<div id="evaluate">
								<img src="images/text_1.jpg" style="width: 2.5rem; height: 2.5rem;">
								<h6>金刚狼</h6>								<p>我靠，刚才打那么多，全没了。晕。说下真实感受，供大家参考，我用了快两周才来评价，一切正常，原来怀疑，收到货后上百度，下软件评测，放心了，并且还是台积电代工。赚到了，唯一不好就是送的膜太次，我自己贴的，连壳五十。店家忘发剪卡器和支架，后来在糖糖客服的协调下补发，今天收到。下次请注意哦。用到现在，大家说的照相慢，卡，声音，阴阳屏等一概没碰到，我在淘宝购物，从来没有买到假货次品，收到都很正常，可能要求低，但我相信是我比较的多，谨慎一点。就说这么多，和同事官网买的，唯一区别是他是三星代工，但他用着也很好。推荐来这个店购买，是正品。									
								</p>
								<span>2015.11.20</span>
							</div>
						</div>
					</div>
					<!--口碑评价页 结束-->
				</div>
				<!--选择栏 结束-->
			</div>
			<!--品质信息 结束-->
			
			<!--底部部分 开始-->
			<div class="product-foot">
				<div class="pf-head">
					<img src="images/renren1.png">
					<span>— 二手特卖商城 —</span>
				</div>
				
				<div class="pf-button">
					<div class="col-50"><a href="#" class="button button-big button-fill button-danger">客服热线</a></div>	
				</div>
			</div>
			<!--底部部分 结束-->
			
		</div>
		<!---->
			
		<!--工具栏-->
		<div class="bar bar-tab tools">
			<div id="tools">
				<a class="tab-item tools-money" href="#">
					<p class="tab-label"><span>￥<span id="money">0</span></p>
				</a>
			
				<a class="tab-item tools-buy" href="order.html">
					<p class="tab-label">立即购买</p>
				</a>
			
				<!--<a class="tab-item other" href="cart.html">
					<span class="icon icon-cart"></span>
					<span class="tab-label">加入购物车</span>
				</a>
			
				<a class="tab-item other" href="#">
					<span class="icon icon-emoji"></span>
					<span class="tab-label">客服咨询</span>
				</a>-->
			</div>
		</div>
			
			
	</div>
	
	
	<!--引用SUI Modle资源-->
	<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.5.2/js/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.5.2/js/sm-extend.min.js' charset='utf-8'></script>
	
	<!--引用本地资源-->
	<script src="http://apps.bdimg.com/libs/require.js/2.1.9/require.min.js" data-main="js/app.js"></script>
	<script>
	require(['stop_swiper'],function(time_part){
		time_part.swipe();
	});
	</script>
	<script type="text/javascript" src="js/time_part.js"></script>

</body>
</html>